<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" xmlns:c="http://www.w3.org/1999/XSL/Transform">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="StyleSheet" href="../css/jpetstore.css" type="text/css" media="screen"/>
</head>
<body>
    <div th:replace="common/IncludeTop">
    </div>

    <div id="Content">

        <div id="Catalog">Please confirm the information below and then press continue...

            <table>
                <tr>
                    <th align="center" colspan="2">
                        <font size="4"><b>Order</b></font><br />
                        <font size="3" ><b><label th:text="${#dates.format(session.order.orderDate, 'yyyy-MM-dd HH:mm:ss')}"></label></b></font>
                    </th>
                </tr>

                <tr>
                    <th colspan="2">Billing Address</th>
                </tr>
                <tr>
                    <td>First name:</td>
                    <td><input th:type="text" th:name="firstName" th:value="${session.account.firstName}" disabled/></td>
                </tr>
                <tr>
                    <td>Last name:</td>
                    <td><input th:type="text" th:name="lastName" th:value="${session.account.lastName}" disabled/></td>
                </tr>
                <tr>
                    <td>Address 1:</td>
                    <td><input th:type="text" th:name="address1" th:value="${session.account.address1}" disabled/></td>
                </tr>
                <tr>
                    <td>Address 2:</td>
                    <td><input th:type="text" th:name="address2" th:value="${session.account.address2}" disabled/></td>
                </tr>
                <tr>
                    <td>City:</td>
                    <td><input th:type="text" th:name="city" th:value="${session.account.city}" disabled/></td>
                </tr>
                <tr>
                    <td>State:</td>
                    <td><input th:type="text" th:name="state" th:value="${session.account.state}" disabled/></td>
                </tr>
                <tr>
                    <td>Zip:</td>
                    <td><input th:type="text" th:name="zip" th:value="${session.account.zip}" disabled/></td>
                </tr>
                <tr>
                    <td>Country:</td>
                    <td><input th:type="text" th:name="country" th:value="${session.account.country}" disabled/></td>
                </tr>
                <tr>
                    <th colspan="2">Shipping Address</th>
                </tr>
                <tr>
                    <td>First name:</td>
                    <td><input th:type="text" th:name="firstName" th:value="${session.account.firstName}" disabled/></td>
                </tr>
                <tr>
                    <td>Last name:</td>
                    <td><input th:type="text" th:name="lastName" th:value="${session.account.lastName}" disabled/></td>
                </tr>
                <tr>
                    <td>Address 1:</td>
                    <td><input th:type="text" th:name="address1" th:value="${session.account.address1}" disabled/></td>
                </tr>
                <tr>
                    <td>Address 2:</td>
                    <td><input th:type="text" th:name="address2" th:value="${session.account.address2}" disabled/></td>
                </tr>
                <tr>
                    <td>City:</td>
                    <td><input th:type="text" th:name="city" th:value="${session.account.city}" disabled/></td>
                </tr>
                <tr>
                    <td>State:</td>
                    <td><input th:type="text" th:name="state" th:value="${session.account.state}" disabled/></td>
                </tr>
                <tr>
                    <td>Zip:</td>
                    <td><input th:type="text" th:name="zip" th:value="${session.account.zip}" disabled/></td>
                </tr>
                <tr>
                    <td>Country:</td>
                    <td><input th:type="text" th:name="country" th:value="${session.account.country}" disabled/></td>
                </tr>

            </table>

            <a class="Button" href="/order/viewOrder">Confirm</a>
        </div>

    </div>

    <div th:replace="common/IncludeBottom">
    </div>
</body>
</html>